.datas{

	width: 100%;

	height: 300px;

	background: url(../images/gg.jpg)  no-repeat center;

	margin-top: 140px;

}
.datas .main{

	position: relative;

}

.datas .main:before{

	content: "";

	width: 1px;

	height: 124px;

	position: absolute;

	left:0;

	top: 50%;

	transform: translateY(-50%);

	background: #fff;

}

.datas .main:after{

	content: "";

	width: 1px;

	height: 124px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #fff;

}

.datas ul {

	height: 300px;

	align-items: center;

	width: 1200px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

}

.datas ul li{

	padding: 0 90px;

	box-sizing: border-box;

	position: relative;

}

.datas ul li:after{

	content: '';

	width: 1px;

	height: 120px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #fff;

}

.datas ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.datas ul li:first-child{

	padding-left: 0;

}

.datas ul li:last-child{

	padding-right: 0;

}

.datas ul li p{

	color: #fff;

	display: flex;

	align-items: flex-end;

	font-size: 20px;

}

.datas ul li b{

	line-height: 60px;

	font-family: 'DIN-BOLD';

	font-size: 72px;

	position: relative;

	padding-bottom: 20px;

}



.datas ul li b:after{

	content: "";

	width: 30px;

	height: 1px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #fff;

}

.datas ul li h4{

	color: #ffffff;

	font-size: 18px;

	margin-top: 20px;

	font-weight: normal;

}

@media (max-width: 1440px){


 	.datas ul{

 		width: 1100px;

 	}

 	.datas ul li{

 		padding: 0 80px;

 	}


}


@media screen and (max-width: 1199px){

 	.datas{

 		width: 100%;

 		height: 5.24rem;

 		margin-top: .6rem;

 		background: url(../images/mgg.jpg) no-repeat center;

 	}

 	.datas .main{

 		display: flex;

 		align-items: center;

 		height: 5.24rem;

 	}

 	.datas .main:after{

 		width: 100%;

 		height: .02rem;

 		left: 0;

 		background: #FFFFFF;

 	}

 	.datas .main:before{

 		width: .02rem;

 		height: 4rem;

 		left: 50%;

 		background: #fff;

 	}

 	.datas ul{

 		width:6rem;

 		margin: 0 auto;

 		display: block;

 		height: auto;

 

 	}

 	.datas ul li{

 		width: 40%;

 		padding: 0;

 		float: left;

 

 	}

 	.datas ul li:nth-child(n+3){

 

 		margin-top: 1rem;

 	}



 	.datas ul li b{

 		padding-bottom: .4rem;

 	}



 	.datas ul li b:after{

 		width: .5rem;

 		height: .04rem;



 	}

 	.datas ul li:after{

 		width: 0;

 		height: 0;

 		overflow: hidden;

 	}

 	.datas ul li:nth-child(2n){

 		float: right;

 		width: auto;

 	}

 	.datas ul li p{

 		font-size: .3rem;

 	}

 	.datas ul li b{

 		font-size: .8rem;

 		display: block;

 		line-height: .5rem;

 	}



 	.datas ul li h4{

 		font-size: .28rem;

 	}

}